<?php
use yii\helpers\Url;
use yii\helpers\Html;
use app\assets\AppAsset;

AppAsset::register($this);
?>
<?php $this->beginPage();?>
<!DOCTYPE html>
<html lang="<?php echo Yii::$app->language; ?>">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php echo Html::csrfMetaTags(); ?>
    <title><?php echo $this->title; ?></title>
    <?php echo $this->head();?>
    <?php echo $this->registerCssFile('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'); ?>
    <?php echo $this->registerCssFile('@web/css/bootstrap.css'); ?>
    <?php echo $this->registerCssFile('@web/css/bootstrap-theme.css'); ?>
    <?php echo $this->registerCssFile('@web/css/font-awesome.min.css'); ?>
</head>
<body>
<?php echo $this->beginBody(); ?>
    <div class="wrap">
        <div id="header">
            <div class="container">
                <div class="row">
                    <div class="col-xs-6">
                        <span class="bookmark">+ Book mask</span>
                    </div>
                    <div class="col-xs-6">
                        <ul class="setting">
                            <li><a href="#">ĐĂNG NHẬP</a></li>
                            <li><a href="#">ĐĂNG KÝ</a></li>
                            <li><a href="#">GIỎ HÀNG</a></li>
                            <li><a href="#">CÁ NHÂN</a></li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4 col-xs-offset-4">
                        <div class="logo center">
                            <label>LOGO SHOP</label>
                        </div>
                    </div>
                </div>
            </div>
            <div id="search">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-3">
                            <form id="form-search">
                                <input type="text" name="search-text" placeholder="tìm kiếm"/>
                                <button type="submit"><i class="glyphicon glyphicon-search"></i></button>
                            </form>
                        </div>
                        <div class="col-xs-6">
                            <ul class="nav-menu">
                                <li><a href="#">TITAN</a></li>
                                <li><a href="#">LEVI'S</a></li>
                                <li><a href="#">VENTO</a></li>
                                <li><a href="#">PUMA</a></li>
                                <li><a href="#">MANGO MAN</a></li>
                                <li><a href="#">RIVER ISLAND</a></li>
                            </ul>
                        </div>
                        <div class="col-xs-3 right">
                            <ul class="contact">
                                <li><a href="#">GIỚI THIỆU</a></li>
                                <li><a href="#">LIÊN HỆ</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="menu">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <ul>
                                <li><a href="#">HÀNG MỚI</a></li>
                                <li><a href="#">TRANG PHỤC</a></li>
                                <li><a href="#">GIÀY</a></li>
                                <li><a href="#">TÚI XÁCH</a></li>
                                <li><a href="#">THỂ THAO</a></li>
                                <li><a href="#">ĐỒNG HỒ</a></li>
                                <li><a href="#">LÀM ĐẸP</a></li>
                                <li><a href="#">PHỤ KIỆN</a></li>
                                <li><a href="#" class="sale">KHUYẾN MẠI</a></li>
                                <li><a href="#">THƯƠNG HIỆU</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="container">
            <div class="container">
                <?php echo $content;?>
            </div>
        </div>
        <div id="footer">
            <hr />
            <div class="container">
                <div class="row">
                    <div class="col-xs-4">
                        <label>Logo shop tại Hà Nội</label>
                        <ul class="info">
                            <li><i class="glyphicon glyphicon-home"></i>Tầng 17 Tòa nhà Center Building - Hapulico Complex,số 1 Nguyễn Huy Tưởng, Thanh Xuân, Hà Nội</li>
                            <li><i class="glyphicon glyphicon-earphone"></i>Tel: 047.309.5555 - 047.309.5555</li>
                            <li><i class="glyphicon glyphicon-credit-card"></i>Fax: 04 39743413</li>
                        </ul>
                    </div>
                    <div class="col-xs-4">
                        <label>Hỗ trợ trực tuyến</label>
                        <ul class="info">
                            <li class="bottom-5"><i class="glyphicon glyphicon-envelope"></i>Email: lienhe@shop.com</li>
                            <li class="bottom-5"><i class="fa fa-yahoo"></i>Yahoo: logoshop</li>
                            <li class="bottom-5"><i class="fa fa-skype"></i>Skype: logoshop</li>
                        </ul>
                        <label>Shares</label>
                        <ul class="share">
                            <li><i class="fa fa-facebook-official"></i></li>
                            <li><i class="fa fa-google-plus-square"></i></li>
                            <li><i class="fa fa-youtube-play"></i></li>
                        </ul>
                    </div>
                    <div class="col-xs-4">
                        <label>Maps</label>
                        <img src="<?php echo Url::to('@web/images/map.jpg');?>" class="img-responsive">
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php echo $this->endBody();?>
<?php
    echo $this->registerJsFile(Url::to('@web/js/site.js'));
?>
</body>
</html>
<?php $this->endPage();?>